<template>
  <div>
    <TypeNav></TypeNav>
    <ListContainer></ListContainer>
    <Recommen></Recommen>
    <Rank></Rank>
    <Like></Like>
    <Floor v-for="(floor,index) in floorList" :key="floor.id" :list="floor"></Floor>
    <Brand></Brand>
  </div>
</template>
  
<script>
import {mapState} from 'vuex'
//引入其他组件
import ListContainer from "@/pages/Home/ListContainer"
import Recommen from "@/pages/Home/Recommen"
import Rank from "@/pages/Home/Rank"
import Like from "@/pages/Home/Like"
import Floor from "@/pages/Home/Floor"
import Brand from "@/pages/Home/Brand"
export default {
    name:'',
    components:{
      ListContainer,
      Recommen,
      Rank,
      Like,
      Floor,
      Brand
    },
    mounted() {
        this.$store.dispatch('getFloorList')
        // 派发获取用户信息在首页展示
        // this.$store.dispatch('getUserInfo')
    },
    computed:{
        ...mapState({
            floorList:state=>state.home.floorList
        })
    },
    methods: {

    },
}
</script>

<style>

</style>